/*
 * 常用工具样式
 */
.line, .clearfix {
	@include fis-clearfix;
}
.fl{
	@include fis-float-left;
}
.fr {
	@include fis-float-right;
}
/* 
	$description: space 0px 5px 10px 15px 20px 25px
	$className: m-0, m-5, m-10, m-15, m-20, m-25, m-30
				mt-0, mt-5, mt-10, mt-15, mt-20, mt-25, mt-30
				mb-0, mb-5, mb-10, mb-15, mb-20, mb-25, mb-30
				ml-0, ml-5, ml-10, ml-15, ml-20, ml-25, ml-30
				mr-0, mr-5, mr-10, mr-15, mr-20, mr-25, mr-30
				p-0, p-5, p-10, p-15, p-20, p-25, p-30
				pt-0, pt-5, pt-10, pt-15, pt-20, pt-25, pt-30
				pb-0, pb-5, pb-10, pb-15, pb-20, pb-25, pb-30
				pl-0, pl-5, pl-10, pl-15, pl-20, pl-25, pl-30
				pr-0, pr-5, pr-10, pr-15, pr-20, pr-25, pr-30
*/
@for $i from 0 through 6{
	.m-#{5*$i}{
		margin:5*$i + px;
	}
	.p-#{5*$i}{
		padding:5*$i + px;
	}
	.mt-#{5*$i}{
		margin-top:5*$i +px;
	}
	.mb-#{5*$i}{
		margin-bottom:5*$i +px;
	}
	.ml-#{5*$i}{
		margin-left:5*$i +px;
	}
	.mr-#{5*$i}{
		margin-right:5*$i +px;
	}
	.pt-#{5*$i}{
		padding-top:5*$i +px;
	}
	.pb-#{5*$i}{
		padding-bottom:5*$i +px;
	}
	.pl-#{5*$i}{
		padding-left:5*$i +px;
	}
	.pr-#{5*$i}{
		padding-right:5*$i +px;
	}
}

/* 
	$description: 垂直对齐 
	$className: v-middle, v-baseline, v-top, v-text-top, v-text-bottom
*/
@each $pos in middle, baseline, top, text-top, text-bottom {
	.v-#{$pos}{
		vertical-align:#{$pos};
	}
}
/* 
	$description: 水平对齐 
	$className: h-center, h-left, h-right
*/
@each $pos in center, left, right {
	.h-#{$pos}{
		text-align:#{$pos};
	}
}
/* 
	$description: display 
	$className: inline-block, inline, block, none
*/
@each $dis in inline-block, inline, block, none {
	.#{$dis}{
		@if $dis == inline-block {
			@include fis-inline-block;
		} @else {
			display: #{$dis};
		}
	}
}
.visible {
    visibility: hidden;
}
/* 
	$description: position 
	$className: pos-relative, pos-absolute, pos-fixed, pos-static
*/
@each $pos in relative, absolute, fixed, static {
	.pos-#{$pos}{
		position:#{$pos};
	}
}
/* 鼠标手势 */
.cur-default{
	cursor: default!important;
}

.cur-pointer{
    cursor: pointer;
}